<!--导航栏开始-->
<div id="top-nav" class="top-nav">
    <div class="back-button">
        <div class="icon-back"></div>
        <div class="nav-title">返回书架</div>
    </div>
</div>
<!--导航栏结束-->

<!--底部-->
<div class="m-button-bar">
    <ul class="u-tab">
        <li id="prev-button">上一章</li>
        <li id="next-button">下一章</li>
    </ul>
</div>

<div class="nav-pannel-bk"></div>
<div class="nav-pannel" id="font-container">
    <div class="child-mod">
        <span>字号</span>
        <button id="large-font" class="font-size-button">大</button>
        <button id="small-font" class="font-size-button">小</button>
    </div>
    <div class="child-mod">
        <span>背景</span>
        <div class="bk-container">
            <div class="bk-container-current"></div>
        </div>
    </div>
</div>

<!--底部功能区-->
<div id="bottom-nav" class="bottom-nav">
    <div class="bottom-nav-container">
        <ul class="category">
            <li></li>
            <li>目录</li>
        </ul>
    </div>
    <div class="bottom-nav-container">
        <ul class="font">
            <li></li>
            <li>字体</li>
        </ul>
    </div>
    <div class="bottom-nav-container">
        <ul class="day">
            <li></li>
            <li>白天</li>
        </ul>
    </div>
</div>